html {
  font-size: 64px; }

.web_school_content {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transform: translateX(-100%);
  transition: all .5s linear;
  background: #fff;
  overflow: hidden; }
  .web_school_content .content {
    position: absolute;
    top: 1.40625rem;
    bottom: 1.48438rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
  .web_school_content .content_menu {
    width: 9.0625rem;
    margin: 0 auto;
    padding-top: 0.4375rem; }
    .web_school_content .content_menu h6 {
      color: #5c5856;
      font-size: 16px;
      font-weight: bolder; }
    .web_school_content .content_menu .time_place {
      font-size: 12px;
      display: flex;
      justify-content: space-between;
      color: #8b8b8b;
      border-bottom: 0.01563rem solid #d2d2d2;
      margin-bottom: 0.25rem; }
    .web_school_content .content_menu .img_wrap_sc {
      height: 4.375rem;
      width: 100%;
      overflow: hidden;
      margin-bottom: 0.4375rem; }
      .web_school_content .content_menu .img_wrap_sc img {
        width: 100%; }
    .web_school_content .content_menu .character {
      width: 100%;
      overflow: hidden;
      white-space: wrap;
      line-height: 0.46875rem;
      font-size: 12px;
      color: #8b8b8b; }
      .web_school_content .content_menu .character p {
        margin-bottom: 0.4375rem; }
      .web_school_content .content_menu .character .active_menu {
        margin-bottom: 0.4375rem; }
  .web_school_content .segment_line {
    height: 0.39063rem;
    width: 100%;
    background: #f5f5f5; }
  .web_school_content .time_and_place {
    width: 9.0625rem;
    margin: 0 auto;
    padding: 0.23438rem 0; }
    .web_school_content .time_and_place h6 {
      color: #5c5856;
      font-size: 16px; }
    .web_school_content .time_and_place p {
      font-size: 14px;
      line-height: 0.53125rem;
      color: #727171; }
      .web_school_content .time_and_place p:first-of-type::before {
        content: "\e63d";
        font-weight: bold;
        color: #b90b10; }
      .web_school_content .time_and_place p:nth-of-type(2)::before {
        content: "\e62c";
        font-weight: bold;
        color: #b90b10; }
  .web_school_content .overview {
    width: 9.21875rem;
    margin: 0 auto;
    padding: 0.23438rem 0; }
    .web_school_content .overview h6 {
      color: #5c5856;
      font-size: 16px;
      margin-bottom: 0.15625rem; }
    .web_school_content .overview .teacher_message {
      display: inline-block;
      vertical-align: middle;
      margin-right: 0.15625rem;
      font-size: 0; }
      .web_school_content .overview .teacher_message .head_portrait {
        width: 1.20313rem;
        height: 1.20313rem;
        margin-right: 0.07813rem;
        display: inline-block;
        vertical-align: middle; }
        .web_school_content .overview .teacher_message .head_portrait img {
          width: 100%; }
      .web_school_content .overview .teacher_message .message {
        height: 1.35938rem;
        width: 1.40625rem;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
        line-height: 0.375rem;
        padding: 0.125rem 0; }
        .web_school_content .overview .teacher_message .message p {
          font-size: 12px;
          color: #727171; }
          .web_school_content .overview .teacher_message .message p:first-of-type {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            transform: scale(0.9666);
            transform-origin: left top;
            white-space: nowrap; }
          .web_school_content .overview .teacher_message .message p:nth-of-type(2) {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            transform: scale(0.7666);
            transform-origin: left top;
            white-space: nowrap; }
          .web_school_content .overview .teacher_message .message p:nth-of-type(3) {
            display: inline-block;
            vertical-align: middle;
            font-size: 12px;
            transform: scale(0.7666);
            transform-origin: left top;
            white-space: nowrap; }
  .web_school_content .btn_precontract {
    width: 9.21875rem;
    margin: 0.23438rem auto 0.23438rem auto;
    height: 1.34375rem;
    background: #b20000;
    font-size: 0;
    display: flex;
    justify-content: center;
    align-items: center; }
    .web_school_content .btn_precontract > span {
      font-size: 14px;
      color: #fff;
      line-height: 0.39063rem;
      vertical-align: middle;
      margin-right: 0.20313rem; }
    .web_school_content .btn_precontract .img_wrap_btn {
      display: inline-block;
      vertical-align: middle;
      width: 0.39063rem;
      height: 0.39063rem;
      overflow: hidden; }
      .web_school_content .btn_precontract .img_wrap_btn img {
        width: 100%; }

.school_content_open {
  opacity: 1;
  transform: translateX(0); }
